var React = require("react");



module.exports = React.createClass({


        handlClick:function(e){

        e.preventDefault();

         console.log(e.target.href);

          this.props.detailList(e.target.href);

        } ,

		render:function(){


			return (


          <div id="left-panle">

             <div className="col-sm-3 sidebar-offcanvas" id="sidebar">
            <div className="list-group">
            <a href="#" className="list-group-item active">VOA慢速英语</a>
            <a  onClick={this.handlClick}  href="/api/Technology_Report_1.html" className="list-group-item">Technology Report 科技报道</a>
            <a  onClick={this.handlClick} href="/api/This_is_America_1.html" className="list-group-item">This is America 今日美国</a>
            <a  onClick={this.handlClick} href="/api/Agriculture_Report_1.html" className="list-group-item">Agriculture Report 农业报道</a>
            <a  onClick={this.handlClick} href="/api/Science_in_the_News_1.html" className="list-group-item">Science in the News 科学报道</a>
            <a  onClick={this.handlClick} href="/api/Health_Report_1.html" className="list-group-item">Health Report 健康报道</a>
            <a  onClick={this.handlClick} href="/api/Explorations_1.html" className="list-group-item">Explorations 自然探索</a>
            <a  onClick={this.handlClick} href="/api/Education_Report_1.html" className="list-group-item">Education Report 教育报道</a>
            <a  onClick={this.handlClick} href="/api/The_Making_of_a_Nation_1.html" className="list-group-item">The Making of a Nation 建国史话</a>
            <a  onClick={this.handlClick} href="/api/Economics_Report_1.html" className="list-group-item">Economics Report 经济报道</a>
            <a  onClick={this.handlClick} href="/api/American_Mosaic_1.html" className="list-group-item">American Mosaic 美国万花筒</a>
            <a  onClick={this.handlClick} href="/api/In_the_News_1.html" className="list-group-item">In the News 时事新闻</a>
            <a  onClick={this.handlClick} href="/api/American_Stories_1.html" className="list-group-item">American Stories 美国故事</a>
            <a  onClick={this.handlClick} href="/api/Words_And_Their_Stories_1.html" className="list-group-item">Words And Their Stories 词汇掌故</a>
            <a  onClick={this.handlClick} href="/api/People_in_America_1.html" className="list-group-item">People in America 美国人物志</a>
            <a  onClick={this.handlClick} href="/api/as_it_is_1.html" className="list-group-item">AS IT IS 慢速新闻杂志</a>
          
            <a  onClick={this.handlClick} href="/api#" className="list-group-item active">VOA常速英语</a>
            <a  onClick={this.handlClick} href="/api/VOA_Standard_1.html" className="list-group-item">VOA常速英语最新(2012-2015)</a>
            <a  onClick={this.handlClick} href="/api/VOA_Standard_1_archiver.html" className="list-group-item">VOA常速英语存档(2005-2011)</a>
        
         </div>
         </div>
     </div>

			)

		}

});